<div class="al-modal-view">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" ng-click="cancel()">
      <span aria-hidden="true" class="glyphicon glyphicon-remove"></span>
      <span class="sr-only">Close</span>
    </button>
    <h4 class="modal-title ok-color">{{modalTitle}}</h4>
  </div>
  <div class="modal-body">
      <ng-form name="modalForm" class="form-horizontal form-validation" role="form">
        <div class="form-group">
          <label class="col-sm-3 control-label">所属公寓</label>
          <div class="col-sm-8">
            <div class="form-control info-text">{{data.apartmentName}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">所属楼栋</label>
          <div class="col-sm-8">
            <div class="form-control info-text">{{data.buildingName}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">所属楼层ID</label>
          <div class="col-sm-8">
            <div class="form-control info-text">{{data.floor}}</div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">房间号<span class="attr-need">*</span></label>
          <div class="col-sm-8">
            <input class="form-control" ng-model="data.houseNo" type="text"
                   ng-required="true" name="name"
                   placeholder="房间号" maxlength="10"/>
            <div class="help-block with-errors"
                 ng-if="modalForm.name.$invalid && !modalForm.name.$pristine">
              名称不可为空
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">房型</label>
          <div class="col-sm-8">
            <select ng-model="data.layoutId" class="form-control" ng-if="layoutList"
                    ng-options="option.id as option.name for option in layoutList"></select>
          </div>
        </div>
        <!--configureId-->
        <div class="form-group">
          <label class="col-sm-3 control-label">配套设施</label>
          <div class="col-sm-8">
            <select ng-model="data.configureId" class="form-control" ng-if="configureList"
                    ng-options="option.id as option.name for option in configureList"></select>
          </div>
        </div>

        <div class="form-group">
          <label class="col-sm-3 control-label">面积<span class="attr-need">*</span></label>
          <div class="col-sm-8">
            <input class="form-control" ng-model="data.area" type="number" required
                   placeholder="面积" maxlength="11"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">门卡</label>
          <div class="col-sm-8">
            <input class="form-control" ng-model="data.doorCard" type="text"
                   placeholder="门卡" maxlength="50"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">电表标识</label>
          <div class="col-sm-8">
            <input class="form-control" ng-model="data.powerUuid" type="text"
                   placeholder="电表标识" maxlength="100"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">水表标识</label>
          <div class="col-sm-8">
            <input class="form-control" ng-model="data.waterUuid" type="text"
                   placeholder="水表标识" maxlength="100"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">月租金<span class="attr-need">*</span></label>
          <div class="col-sm-8">
            <div class="input-group">
              <span class="input-group-addon">￥</span>
              <input type="number" class="form-control" ng-model="data.salePrice"
                     ng-readonly="type=='edit' && !editPriceAu"
                     ng-class="{'info-text':(type=='edit' && !editPriceAu)}"
                     maxlength="11" required>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">押金<span class="attr-need">*</span></label>
          <div class="col-sm-8">
            <div class="input-group">
              <span class="input-group-addon">￥</span>
              <input type="number" class="form-control" ng-model="data.salePrice"
                     readonly
                     ng-class="{'info-text':(type=='edit' && !editPriceAu)}"
                     maxlength="11" required>
            </div>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">押金备注</label>
          <div class="col-sm-8">
            <textarea class="form-control" ng-model="data.depositRemark" cols="3"
                      placeholder="押金备注"></textarea>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">付款方式</label>
          <div class="col-sm-8">
            <bin-list-checkbox bin-value="data.payType" bin-list="modalPayTypeList"></bin-list-checkbox>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">朝向</label>
          <div class="col-sm-8">
            <select ng-model="data.orientations" class="form-control"
                    ng-options="option.value as option.name for option in orientationsList"></select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">明暗</label>
          <div class="col-sm-8">
            <select ng-model="data.lightDark" class="form-control"
                    ng-options="option.value as option.name for option in lightDarkList"></select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">房间状态</label>
          <div class="col-sm-8">
            <select ng-model="data.status" class="form-control"
                    ng-options="option.value as option.name for option in roomStatusList"></select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">状态</label>
          <div class="col-sm-8">
            <nobr>
              <label class="ui-radio" ng-repeat="option in modalEnableList">
                <input name="status" ng-value="option.value" type="radio" ng-model="data.enabled">
                <span>{{option.name}}</span>
              </label>
            </nobr>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-3 control-label">房态图数据</label>
          <div class="col-sm-3">
            <div class="input-group">
              <span class="input-group-addon">宽度</span>
              <input type="number" class="form-control" ng-model="data.width" maxlength="4">
            </div>
          </div>
          <div class="col-sm-3">
            <div class="input-group">
              <span class="input-group-addon">高度</span>
              <input type="number" class="form-control" ng-model="data.height" maxlength="4">
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-sm-3 col-sm-offset-3">
            <div class="input-group">
              <span class="input-group-addon">偏左</span>
              <input type="number" class="form-control" ng-model="data.left" maxlength="4">
            </div>
          </div>
          <div class="col-sm-3">
            <div class="input-group">
              <span class="input-group-addon">偏上</span>
              <input type="number" class="form-control" ng-model="data.top" maxlength="4">
            </div>
          </div>
        </div>
      </ng-form>
  </div>
  <div class="modal-footer">
    <button class="btn btn-warning no-border" type="button" ng-click="cancel()">取消</button>
    <button class="btn btn-primary no-border" type="button" ng-click="confirm()" ng-disabled="modalForm.$invalid">确定</button>
  </div>
</div>